<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script type="module">
        //一般在工程化中使用，因为运行时 对性能有要求 
        // vue --> runtime-dom --> runtime-core --> reactivity
        // import { compile } from '/node_modules/@vue/compiler-dom/dist/compiler-dom.esm-browser.js'
        import { parse } from './compiler-core.js'
        const template = `
            <div>
                <h1>hello vue</h1>
            </div>
        `
        const render = parse(`<div a=1  b='2' id  =  "app">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            </div>`)
        console.log(render)
    </script>

</body>

</html>